<template>
    <div>
<!--       <ul>-->
<!--            <router-link :to="n.router" v-for="(n,i) in nvs" :key="i">-->
<!--               <li>{{n.nvaname}}</li>-->
<!--            </router-link>-->
<!--        </ul>-->

              <el-row type="flex">
                  <el-col :span="24" id="fu">
                      <el-menu id="nav"
                              default-active="2"
                              class="el-menu-vertical-demo"
                              background-color="#545c64"
                              text-color="#fff"
                              active-text-color="#ffd04b">
                          <router-link :to="n.router" v-for="(n,i) in nvs" :key="i">
                             <el-menu-item :index="i.toString()" class="linkList">
                              <i class="el-icon-menu"></i>
                              <span slot="title">{{n.nvaname}}</span>
                             </el-menu-item>
                          </router-link>
                      </el-menu>
                  </el-col>
              </el-row>

          </div>
      </template>

      <script>
          export default {
              // eslint-disable-next-line vue/multi-word-component-names
              name: "Side",
              data(){
                  return{
                      nvs:[
                          {nvaname: "管理员主页",router:"/index"},
                          {nvaname: "院系管理",router:""},
                          {nvaname: "专业管理",router:""},
                          {nvaname: "班级",router:""},
                          {nvaname: "学生管理",router:"/Student"},
                          // {nvaname: "学生管理",router:""},
                          {nvaname: "教师管理",router:""},
                          {nvaname: "课程管理",router:""},
                          {nvaname: "选课修改",router:""} ,
                          {nvaname: "管理员管理",router:""}
                          ],
                  }
              }
          }
      </script>

      <style scoped>
          *{
              margin: 0px;
              padding: 0px;
          }
          #fu {
              text-align: left;
              height: 2000px;
              width: 200px;
              position: relative;
              /*border: 1px solid red;*/
          }
          .linkList span{
             /*text-decoration-line: overline;*/
          }
      </style>